<!--
   照片类型配置
-->
<!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-4.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<div class="layui-card-body" th:fragment="order_picture_base">
    <div class="layui-fluid">
        <div class="layui-card">
            <div class="layui-card-body">
                <input type="hidden" th:value="${dto.id}" name="id">
                <input type="hidden" name="type" value="1"/>
                <th:block th:if="${dto.id != null}">
                    <label class="layui-form-label">ID：</label>
                    <div class="layui-input-block">
                        <div class="layui-form-mid">
                            <span id="contentId">[[${dto.id}]]</span>
                        </div>
                    </div>
                </th:block>

                <div class="layui-form-item">
                    <label class="layui-form-label layui-required">照片类型：</label>
                    <div id="categId" class="layui-input-inline"></div>
                </div>

                <div class="layui-form-item">
                    <label class="layui-form-label layui-required">排序：</label>
                    <div class="layui-input-inline">
                        <input type="sort" placeholder="排序" id="sort" name="sort" th:value="${dto.sort}"
                               lay-verify="required" class="layui-input"/>
                    </div>
                    <div class="layui-form-mid layui-word-aux">数字越小，越在前面</div>
                </div>

                <div class="layui-form-item">
                    <label class="layui-form-label layui-required">张数：</label>
                    <div class="layui-input-inline">
                        <select name="num" lay-verify="required">
                            <option value="">选择</option>
                            <option value="1" th:selected="${dto.num==1}">1</option>
                            <option value="2" th:selected="${dto.num==2}">2</option>
                            <option value="3" th:selected="${dto.num==3}">3</option>
                            <option value="4" th:selected="${dto.num==4}">4</option>
                        </select>
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label layui-required">应用业务类型：</label>
                    <div id="bizType" class="layui-input-inline"></div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label layui-required">后台是否审核：</label>
                    <div class="layui-input-inline" style="width: 200px">
                        <input type="radio"
                               name="needReview"
                               class="needReview"
                               value="2"
                               title="是"
                               th:checked="${dto.needReview == 2 || dto.needReview == null}"
                               lay-verify="otherReq">
                        <input type="radio"
                               name="needReview"
                               class="needReview"
                               value="1"
                               title="否"
                               th:checked="${dto.needReview == 1}"
                               lay-verify="otherReq">
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label layui-required">自动审核:</label>
                    <div class="layui-input-inline" style="width: 300px">
                        <input type="radio"
                               name="autoAudit"
                               value="2"
                               th:checked="${dto.autoAudit == 2 || dto.autoAudit == null}"
                               title="是">
                        <input type="radio"
                               name="autoAudit"
                               value="1"
                               th:checked="${dto.autoAudit == 1}"
                               title="否">
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label layui-required">是否必传：</label>
                    <input type="radio"
                           name="mustUpload"
                           class="mustUpload"
                           value="2"
                           title="是"
                           th:checked="${dto.mustUpload == 2 || dto.mustUpload == null }"
                           lay-verify="otherReq">
                    <input type="radio"
                           th:name="mustUpload"
                           class="mustUpload"
                           value="1"
                           title="否"
                           th:checked="${dto.mustUpload == 1}"
                           lay-verify="otherReq">
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label layui-required">删除重拍：</label>
                    <input type="radio"
                           name="rephotograph"
                           th:value="true"
                           title="允许"
                           th:checked="${dto.rephotograph}"
                           lay-verify="otherReq">
                    <input type="radio"
                           th:name="rephotograph"
                           th:value="false"
                           title="不允许"
                           th:checked="${!dto.rephotograph}"
                           lay-verify="otherReq">
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label layui-required">订单详情：</label>
                    <input type="radio"
                           name="orderDetailShow"
                           th:value="true"
                           title="展示"
                           th:checked="${dto.orderDetailShow }"
                           lay-verify="otherReq">
                    <input type="radio"
                           th:name="orderDetailShow"
                           th:value="false"
                           title="不展示"
                           th:checked="${!dto.orderDetailShow}"
                           lay-verify="otherReq">
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">示例照片：</label>
                    <div class="layui-inline">
                        <div class="layui-upload-drag" id="egImgSrc" style="position: relative;">
                            <input type="hidden" class="img-url" id="egSrc" name="egSrc">
                            <i class="layui-icon"></i>
                            <p>点击上传</p>
                            <img src="" id="egImgSrcShow">
                        </div>
                        <div class="layui-inline">
                            <i class="layui-icon layui-icon-search btn-review"></i><br>
                            <i class="layui-icon layui-icon-delete btn-delete"></i>
                        </div>
                        <div class="layui-word-aux">数字越小，越在前面<br> <span style="font-size: 12px;color: rgb(255,0,0)">单张图片大小5M以内，支持jpg、jpeg、png格式图片上传</span>
                        </div>
                    </div>
                </div>

                <div class="layui-form-item">
                    <label class="layui-form-label">说明：</label>
                    <div class="layui-inline">
                        <textarea placeholder="请输入说明内容" maxlength="200" id="description" name="description"
                                  th:text="${dto.description}" lay-filter="description"
                                  class="layui-textarea" style="width: 300px;"></textarea>
                    </div>
                </div>

                <div class="layui-form-item">
                    <label class="layui-form-label">详细说明：</label>
                    <div class="layui-inline">
                        <script id="detailDescription" width="900px" name="detailDescription" type="text/plain">
                        </script>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</html>